const path = require("path");

module.exports = {
  entry: "./src/main.js",
  output: {
    path: path.resolve(__dirname, "./build"),
    filename: "index.js",
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: ["style-loader", "css-loader", "postcss-loader"],
      },
      {
        test: /\.less$/,
        use: ["style-loader", "css-loader", "less-loader"],
      },
      // {
      //   test: /\.(jp?g|png|bmp|gif|svg)$/,
      //   use: [
      //     {
      //       loader: "url-loader",
      //       options: {
      //         // 自定义图片路径
      //         outputPath: "img",
      //         // 自定义图片名(默认为[hash].[ext])
      //         name: "[name]-[hash].[ext]",
      //         // 小于100KB则执行base64打包
      //         limit: 100 * 1024,
      //       },
      //     },
      //   ],
      // },
      // {
      //   test: /\.(eot|ttf|woff2?)$/,
      //   use: {
      //     loader: "file-loader",
      //     options: {
      //       // outputPath: "font",
      //       name: "font/[hash].[ext]",
      //     },
      //   },
      // },
      {
        test: /\.(jp?g|png|bmp|gif|svg)$/,
        type: "asset",
        generator: {
          filename: "img/[hash][ext]",
        },
        parser: {
          dataUrlCondition: {
            maxSize: 100 * 1024,
          },
        },
      },
      {
        test: /\.(eot|ttf|woff2?)$/,
        type: "asset/resource",
        generator: {
          filename: "font/[hash][ext]",
        },
      },
    ],
  },
};
